<!DOCTYPE HTML>
<html>
<head th:include="/common/head :: head"></head>
<style>
	.row-fluid{
		max-width: 1024px;
    	/* margin: 0 auto; */
	}
	.table th{
		font-size: 24px;
		font-weight: bold;
	}
	.detailTable tbody td:nth-child(1),td:nth-child(3){
		text-align:left;
		min-width:150px;
		
	}
	.detailTable tbody td:nth-child(2),td:nth-child(4){
		max-width:300px;
	}	
	.table td{
		font-size: 16px;
		font-family: Microsoft YaHei;
	}

</style>
<body class="pos-r">
	<div>

		<nav class="breadcrumb"
			th:include="/common/navbar :: navbar('用户管理','查看用户')"></nav>

		
		<div class="container-fluid">
			<div class="row-fluid">
			
				<table class="table table-hover detailTable">
					<thead>	
						<tr>
							<th colspan="4">基本信息</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>账号:</td><td th:text="${retUser.userCode}"></td>
							<td>地址:</td><td th:text="${retUser.provinceEntity!=null? retUser.provinceEntity.name+retUser.cityEntity.name+retUser.districtEntity.name:''}"></td>
						</tr>
						<tr>
							<td>姓名:</td><td th:text="${retUser.name}"></td>
						</tr>
						<tr>
							<td>手机号:</td><td th:text="${retUser.mobile}"></td>
							<td>公司:</td><td th:text="${retUser.company}"></td>
						</tr>
						<tr>
							<td>邮箱:</td><td th:text="${retUser.email}"></td>
							<td>职务:</td><td th:text="${retUser.position}"></td>
						</tr>
						<tr>
							<td>擅长领域:</td><td th:text="${retUser.adeptField}"></td>
							<td>著作:</td><td th:text="${retUser.writings}"></td>
						</tr>
						<tr>
							<td>荣誉:</td><td th:text="${retUser.honor}"></td>
							<td>能力/经验:</td><td th:text="${retUser.intro}"></td>
						</tr>
						<tr>
							<td colspan="4" style="text-align:center;">
								<a href="javascript:history.go(-1);"  class="btn btn-primary radius"><i class="Hui-iconfont">&#xe66b;</i> 返回</a>
							</td>
						</tr>
					</tbody>
				</table>
			
			
				<table class="table table-hover detailTable">
					<thead>	
						<tr>
							<th colspan="4">
							系统信息
							</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>用户类型:</td><td th:text="${retUser.userType != null} ? ${retUser.userType.value} :  '' "></td>
						</tr>
						<tr>
							<td>注册时间:</td><td th:text="${retUser.registrationTime != null ? #dates.format(retUser.registrationTime, 'yyyy-MM-dd HH:mm:ss') : ''}"></td>
						</tr>

					</tbody>
				</table>
				
				<table class="table table-hover">
					<thead>	
						<tr>
							<th>
							活动记录
							</th>
						</tr>
					</thead>
					<tbody>
						<tr class="text-c va-m" th:each="vo,voStat : ${activityLogs}">
							<td class="text-l" th:text="${vo.updateTime != null ? #dates.format(vo.updateTime, 'yyyy-MM-dd HH:mm:ss') : ''}"></td>
							<td class="text-l" >
							<a style="color:blue" th:href="@{/activity/user/view(id=${vo.id})}" th:text="${vo.activityUser.name}"></a>
							<span th:text="${vo.status.value + '活动'}"></span>
							<a style="color:blue" th:href="@{/activity/view(id=${vo.activity.id})}" th:text="${'&quot;' + vo.activity.name + '&quot;'}"></a>
							<span th:text="${vo.status.value == '未通过' ? '审核' : ''}"></span>
							<span th:text="${vo.status.value == '通过了' ? '审核' : ''}"></span>
							;
							</td>
						</tr>
					</tbody>
				</table>
								
			</div>
		</div>
	</div>
	
	<script type="text/javascript"
		src="/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="/lib/laypage/1.2/laypage.js"></script>

</body>
</html>